<style>
.bidthe{color: #fff;
    left: 0px;
    position: absolute;
}
.bidthe dd {
    background-color: #980000;
    border-radius: 0 0 5px 5px;
    float: left;
    font-size: 11px;
    margin: 0 0px 0 5px;
    padding: 1px 5px;
}
.bidthe dd.aone{background-color: #d23030;} 
.bidthe dd.spec{background-color: #d23030;}
.bidthe dd.meet{background-color: #d23030;}

.bidthe dd.ing{background-color: #d23030;} 
.bidthe dd.fut{background-color: #d23030;}
.bidthe dd.end{background-color: #d23030;}

.bidthe dd.pm{background-color: #d23030;}
.bidthe dd.jb{background-color: #d23030;}
.nav-wrap {
	width:100%;
	background-color:#fff;
	padding:.3rem 0;
	overflow-y:hidden;
	overflow-x:scroll;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch;
	animation:all .2s
}
.nav-wrap .nav {
	display:inline-block;
	margin:0 .2rem;
	font-size:.6rem;
	line-height:.12rem;
	color:#433e33;
	padding:0 .4rem
}
.nav-wrap .nav-cur {
	color:#cc2729;
	line-height:.8rem;
	position:relative;
	margin:0 .1rem 0 .4rem
}
.nav-wrap .nav-cur:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:200%;
	height:200%;
	box-sizing:border-box;
	transform:scale(.5);
	transform-origin:left top;
	border-radius:.43rem
}
.album {
	margin-bottom:.2rem;
	background-color:#fff
}
.album a {
	display:block
}
.album .album-pic {
	position:relative;
	height:5.5rem
}
.album .album-pic:after {
	content:"";
	position:absolute;
	left:3.4rem;
	bottom:-1px;
	width:1.4rem;
	height:.5rem;
	background:url(data:image/png;
	base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAAAgCAYAAAAR1VaeAAAABGdBTUEAALGPC/xhBQAAAnpJREFUaAXtmj1PFFEUhnfAwEa22iBIYmf8CoHCWECnjcViZ6HBaKICNvBP+PgHmLiJna0dBqlIlI4gaOwwLAmlmt2oGZ5j7iRTDMvuzs6dnXPnJE/ucOfjnve8d+7MLlsoKAvf9y8pk1To0yYIPePaNOUmZcBRjSbdz0Dd3U2R59EYSFzWVAVtd9I9Y07QqvBKm0kV48qMCne0iWCJG4GGrHVEHUa0aNR0J73ClAFjzCDtghaTVOjgrinBEYRD/i6pEKhBBGashN0JbS9r0Jd5DRgyCX9CxoQ3pX8i8yKzLAADBuFT2JWIbdkvz6g80qgAxX8dYUpU13oa+Tk/Jk4sRbnRpG/R+aLZLABGPIa/TQyJ2iXPp0c283R2LAr9BNo1KDBNzpt1tng2hFPgF/AvqHiHrRj13Ea+To1BUS/AWoemnHXaKjv6nSpkUmIp5DB8OKvSMfs35PpJ5e7EdSngA/gR04jzTj/kgPxb83ZnFEUrw5vzqtvl/TJeud1cnTueIvXDS6hBGiFfysrLSf6sipp9FEaWtl3ohZA88iVQjKIQHlRgC3oxPpKU5OdFTSzVfYguwjzsQRZC8pyDYhrGWJ0hiLyDyKcgn/qz+Op7Qt5voep53mdaK5G4SRhzHSUP4RnctKLKziBfGKYK7zDsa5JDdt0ksyTcJWn55Y5wFbTHdwS+N2xiWr2bgmObhClXSGjKME17G1JZuxm3F0IM2oHtAEw7jJNYSyZhxEUGGYNrcANk2ZL2Fqj6tSh6kogaF5Xl8QD2TfuN9ggDf9M2DXkFlg9uMvMD5F/NQzBqEBNK0JKhHJdH6xXwOfQniInHhl+0DZA78j+nSrwUv1QqE5kAAAAASUVORK5CYII=) no-repeat;
	background-size:cover
}
.album .album-pic img {
	width:100%;
	height:5.5rem
}
.album .album-pic i.isIn618 {
	position:absolute;
	top:0;
	right:.2rem;
	width:.8rem;
	height:1.5rem;
	background:url(//img11.360buyimg.com/uba/jfs/t18436/204/2624933613/6041/3c19ff9d/5b04dfd5N9741a42e.png) no-repeat top/100% auto
}
.album .album-pic .counter {
	position:absolute;
	left:-.3rem;
	bottom:.4rem;
	padding:0 .2rem 0 .5rem;
	line-height:.82rem;
	border-radius:.6rem;
	font-size:.5rem;
	color:#fff
}
.album .album-pic .counter.nostart {
	background-color:#268e66
}
.album .album-pic .counter.doing {
	background-color:#cc2729
}
.album .album-pic .counter.end {
	background-color:#8a8a8a
}
.album .album-top {
	display:-ms-flexbox;
	display:-webkit-box;
	display:box;
	display:flex;
	box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-align-items:flex-start;
	padding:.3rem .2rem;
	color:#433e33
}
.album .album-top .album-tit {
	width:5rem;
	line-height:1rem;
	font-size:.6rem;
	font-weight:500;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.album .album-top .album-bids {
	line-height:1rem;
	font-size:.5rem
}
.album .album-bottom {
	padding:.4rem;
	overflow-y:hidden;
	overflow-x:scroll;
	white-space:nowrap
}
.album .album-bottom a img {
	width:1.41rem;
	height:1.41rem;
	margin-right:1px
}
.album .album-bottom a:first-child img {
	margin-left:-1px
}
.album .album-bottom a:last-child img {
	margin-right:0
}
.album .album-ad {
	position:relative
}
.album .album-ad img {
	width:100%;
	height:5rem
}
    </style>
<div class="fui-page fui-page-current page-goods-list">
<div class="fui-content navbar" style="top:0">
	<div class="fui-header searchtop" ng-init="get_data(pagedata.extradata,'getmaindata',{plugin:'jy_jdpm',action:'get_data',op:'member'})">
			<div class="fui-header-left">
				<img class="leftlogo" ng-src="{{tomedia(pagedata.pluginset.logo) || '../core/resource/images/nopic.jpg'}}"/>
			</div>
			<div class="title">
				<form method="post">
						<div class="searchbar searchbar-active" style="margin-left:1.6rem">
						<div class="search-input" ng-click="access_json('jy_weishop/goods.index/search/')">
							<i class="icon jinyunicon icon-search" style="font-size: 0.8rem;"></i>
							<input type="search " id="search" placeholder="输入关键字..." value="" readonly>
						</div>
						</div>
				</form>
			</div>
			<div class="fui-header-right" data-nomenu="true">
				<a href="javascript:;" ng-click="access_json('jy_jdpm/member.mysms/notice/isread=0')"><i class="icon jinyunicon icon-xiaoxi1" style="font-size:20px;color:#333"></i></a>
				<span ng-if="pagedata.extradata.getmaindata.smsnum>0 && pagedata.extradata.getmaindata.smsnum<100" style="position: absolute;top:-0.1rem;left: 0.33rem;display: block;width: 0.33rem;height: 0.33rem;border-radius: 50%;background-color: red;color: #FFF;line-height: 0.33rem;padding-left: 2px;">{{pagedata.extradata.getmaindata.smsnum}}</span>
				<span ng-if="pagedata.extradata.getmaindata.smsnum>99" style="position: absolute;top:-0.1rem;left: 0.33rem;display: block;width: 0.33rem;height: 0.33rem;border-radius: 50%;background-color: red;color: #FFF;"></span>
			</div>
	</div>
	<div class="fui-tab fui-tab-danger" style="margin-top:2rem">
         <a ng-class="{'active': pagedata.status==11}" href="javascript:;" ng-click="access_json('jy_jdpm/member.footprint/','status=11&cid='+pagedata.cid+'&pid='+pagedata.pid)">不限</a>
		 <a ng-class="{'active': pagedata.status==1}" href="javascript:;" ng-click="access_json('jy_jdpm/member.footprint/','status=1&cid='+pagedata.cid+'&pid='+pagedata.pid)">正在拍</a>
		 <a ng-class="{'active': pagedata.status==0}" href="javascript:;" ng-click="access_json('jy_jdpm/member.footprint/','status=0&cid='+pagedata.cid+'&pid='+pagedata.pid)">预展</a>
		 <a ng-class="{'active': pagedata.status==2}" href="javascript:;" ng-click="access_json('jy_jdpm/member.footprint/','status=2&cid='+pagedata.cid+'&pid='+pagedata.pid)">已结束</a>
	</div>
	<div ng-if="pagedata.list.length>0" class="fui-goods-group block border">
			<div ng-repeat="item in pagedata.list" class="fui-goods-item">
				<a ng-click="access_json('/detail//id='+item.id)" >
					<dl class="bidthe">
                                        <!--拍卖类型-->
										<dd ng-show="item.status == 0" id="bid{{item.id}}" class="pm">距离开拍：<span class="day">-</span><span class="dw">天</span><span class="hour">-</span><span class="dw">时</span><span class="minute">-</span><span class="dw">分</span><span class="second">-</span><span class="dw">秒</span></dd>
                                        <dd ng-show="item.status == 1" id="bid{{item.id}}" class="jb">距离结束：<span class="day">-</span><span class="dw">天</span><span class="hour">-</span><span class="dw">时</span><span class="minute">-</span><span class="dw">分</span><span class="second">-</span><span class="dw">秒</span></dd>
                                        <dd ng-show="item.status == 2" class="spec">已经结束</dd>
                                        <!--拍卖类型-->
                    </dl>
					<div class="image" style="background-image: url('{{tomedia(item.images) ||'../core/resource/images/nopic.jpg'}}')">
						<div ng-show="item.total <=0" class="salez" style="background-image: url('{{tomedia(pagedata.shopset.shop.saleout)}}'); "></div>
					</div>
				</a>
				<div class="detail">
					<a href="javascript:;" ng-click="access_json(item.active.url || '/detail//id='+item.id)">
						<div class="name">
							<i class="fui-tag fui-tag-danger">竞价</i>
							{{item.pname}}
						</div>
					</a>
					<div class="price" style="margin-top: 0.3rem" href="javascript:;" ng-click="access_json('jy_jdpm/detail//id='+item.id)">
						<span class="text">￥ {{item.nowprice >0 ? item.nowprice : item.onset}}
						</span>
						<span class="text subtitle r">
							{{item.bidcount || '0'}}次出价
						</span>
					</div>
				</div>
			</div>
	</div>
</div>
</div>
<div ng-include="sys_html('common/_menu')"></div>
<script type="text/javascript">
setTimeout('uptime()',1000);
function uptime(){
	var ntime = scope.pagedata.ntime;
	var avolist = scope.pagedata.list
	 for (var i=0;i<avolist.length;i++){
		endDown(avolist[i].endtime, ntime, "#bid"+avolist[i].id, "#bid"+avolist[i].id +" .day", "#bid"+avolist[i].id+" .hour", "#bid"+avolist[i].id+" .minute", "#bid"+avolist[i].id+" .second");
	 }
}

    // 结束倒计时
    function endDown(etime, ntime, boxobj, day_elem, hour_elem, minute_elem, second_elem) {
        var now_time = new Date(ntime * 1000);
        var end_time = new Date(etime * 1000);
        var sys_second = (end_time - now_time) / 1000;
        var timer = setInterval(function () {
            if (sys_second > 0) {
                sys_second -= 1;
                var day = Math.floor((sys_second / 3600) / 24);
                var hour = Math.floor((sys_second / 3600) % 24);
                var minute = Math.floor((sys_second / 60) % 60);
                var second = Math.floor(sys_second % 60);
                day_elem && $(day_elem).text(day);//计算天
                $(hour_elem).text(hour < 10 ? "0" + hour : hour);//计算小时
                $(minute_elem).text(minute < 10 ? "0" + minute : minute);//计算分
                $(second_elem).text(second < 10 ? "0" + second : second);// 计算秒
            } else {
                clearInterval(timer);
                $('#bidTimeStatus').remove();
                $(boxobj).html('');
                $(boxobj).addClass('end');
            }
        }, 1000);
    }

    // 开始倒计时
    function startDown(etime, ntime, boxobj, day_elem, hour_elem, minute_elem, second_elem) {
        var now_time = new Date(ntime * 1000);
        var end_time = new Date(etime * 1000);
        var sys_second = (end_time - now_time) / 1000;
        var timer = setInterval(function () {
            if (sys_second > 0) {
                sys_second -= 1;
                var day = Math.floor((sys_second / 3600) / 24);
                var hour = Math.floor((sys_second / 3600) % 24);
                var minute = Math.floor((sys_second / 60) % 60);
                var second = Math.floor(sys_second % 60);
                day_elem && $(day_elem).text(day);//计算天
                $(hour_elem).text(hour < 10 ? "0" + hour : hour);//计算小时
                $(minute_elem).text(minute < 10 ? "0" + minute : minute);//计算分
                $(second_elem).text(second < 10 ? "0" + second : second);// 计算秒
            } else {
                $('.noStartBidTbox .th').html('拍卖已开始');
                $(boxobj).html('');
                $(boxobj).addClass('into');
            }
        }, 1000);
    }


</script>